<?
include_once ('../genericos/translate.php');
?>
<div id="filtro_citas">
    <table>
        <tr>
            <td>
                <div id="filtro_especialidades">

                    <table>
                        <tr>
                            <td style="width: 100px;text-align: right;"><label> <?= _("especialidad"); ?> :</label></td>
                            <td><input type="text" name="busca_especialidades" id="busca_especialidades" size="15" /><div class="boton_abajo" onclick="mostrarEspecialidades();"></div></td>

                        </tr>    
                    </table>
                </div>

            </td>
            <td>
                <div id="filtro_doctores">
                    <table>
                        <tr>
                            <td style="width: 100px; text-align: right;"><label> <?= _("doctor"); ?> :</label></td>
                            <td><select class="ui-multiselect ui-widget ui-state-default ui-corner-all" id="cb_doctor" name="cb_doctor" onchange="actualizarCalendario()"><option value="0"><?= _("seleccionar"); ?></option></select></td>
                        </tr>    
                    </table>

                </div>

            </td>
        </tr>
        <tr>
            <td>
                <div id="filtro_fecha">
                    <table>
                        <tr>
                            <td style="width: 100px;text-align: right;"><label> <?= _("fecha"); ?> :</label></td>
                            <td><input type="text" name="campofecha" id="campofecha" class="validate[required]" size="15" onchange="actualizarCalendario()" /></td>
                        </tr>    
                    </table>
                </div>
            </td>
            <td>
                <div id="ayuda_colores">
                    <table>
                        <tr style="max-height: 28px;">
                            <td style="width: 100px; text-align: right;"><label><?= _("simbologia"); ?> :</label></td>
                            <td style="width: 120px; max-height: 20px;">
                                <div id="ayuda_cita_normal" ><abbr title="<?= _("ayudaCitaNormal"); ?>" rel="tooltip"></abbr></div>
                                <div id="ayuda_cita_fuera" ><abbr title="<?= _("ayudaCitaFuera"); ?>" rel="tooltip"></abbr></div>
                                <div id="ayuda_horario_lleno" ><abbr title="<?= _("ayudaHorarioLleno"); ?>" rel="tooltip"></abbr></div>
                                <div id="ayuda_horario_fuera" ><abbr title="<?= _("ayudaHorarioFuera"); ?>" rel="tooltip"></abbr></div>
                            </td>
                        </tr>
                    </table>

                </div> 

            </td>
        </tr>
    </table>
</div>
<div id="tabs">
    <ul>
        <li><a id="tab1" href="#tabs-1" onclick="javascript:refrescarCalendario('1', 'tabs-1');"><?= _("dia") ?></a></li>
        <li><a id="tab2" href="#tabs-2" onclick="javascript:refrescarCalendario('2', 'tabs-2'    );"><?= _("semana") ?></a></li>
        <li><a id="tab3" href="#tabs-3" onclick="javascript:refrescarCalendario('3', 'tabs-3');"><?= _("mes") ?></a></li>
        <li><div class="controlesCalendario" id="controlesCalendario"></div></li>
    </ul>

    <div id="tabs-1"></div>
    <div id="tabs-2"></div>
    <div id="tabs-3"></div>
</div>